<template>
  <div class="content">
    <div class="box">
      <el-menu mode="horizontal" :ellipsis="false">
        <el-menu-item disabled class="no-click-style">
          <img src="../assets/logo.png" style="height: 28px" alt="OpenAIChat" />
          <span class="logo">
            <a href="/">OpenAIChat</a>
          </span>
        </el-menu-item>
      </el-menu>
    </div>
  </div>
</template>
  
  <script>

export default {
  name: "com-header",
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {},
};
</script>
  <style>
.no-click-style {
  border-bottom: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
.logo {
  font-size: 16px;
  margin-left: 5px;
}
a {
  text-decoration: none;
  color: #000000;
}
.flex-grow {
  flex-grow: 1;
}
.content {
  overflow: hidden;
}
.box {
  overflow-y: auto; /*可滑动*/
}
</style>